.no-color{
    -webkit-filter : grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
@font-face {
    font-family: 'iconfont';  /* Project id 3196804 */
    src: url('../font/iconfont.woff2?t=1646031898276') format('woff2'),
    url('../font/iconfont.woff?t=1646031898276') format('woff'),
    url('../font/iconfont.ttf?t=1646031898276') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
body{
    background-image: url("../images/bg-1.png");
    background-repeat: no-repeat;
    background-color: #f0f2f4;
    background-size:100%;
    overflow-y: scroll;
}
.header{

}
#userName{
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    color: #bd3128;
}
.huanhang{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.header-top{
    height: 40px;
    width: 100%;
    background-image: url("../images/bg-0.png");
    background-repeat: repeat-x;
}
.header-top-content{
    width: 1200px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.header-top-content-right{
    display: flex;
    justify-content: flex-end;
}
.header-top-content-right-item{
    margin-left: 38px;
}
.header-top-content-right-item.wechat{
    position: relative;
}
.header-top-content-right-item.wechat>.wechat-qrcode{
    position: absolute;
    top: 32px;
    left: -10px;
    width: 117px;
    height: 117px;
    border: 1px solid #bd3128;
    background-color: #fff;
    z-index: 10;
}
.header-top-content-right-item>a:last-child{
    margin-left: 5px;
}
.header-mid{
    height: 160px;
    width: 100%;
    border-bottom: 1px solid #e1e3e6;
}
.header-mid.sticker{
    position: fixed;
    top: 0;
    height: 60px;
    padding-top: 10px;
    background-color: #ffffff;
    z-index: 2;
}
.header-mid-content-logo{
    width: 199px;
    /*-webkit-transition: all 0.25s ease-in-out;*/
    /*-moz-transition: all 0.25s ease-in-out;*/
    /*-o-transition: all 0.25s ease-in-out;*/
    /*transition: all 0.25s ease-in-out;*/
}
.sticker-gap{
    height: 160px;
    width: 100%;
}
.header-mid.sticker .login-register{
    display: none;
}
.header-mid.sticker .header-mid-content-mid,
.header-mid.sticker .header-mid-content-logo,
.header-mid.sticker .header-mid-content-mid-navbar,
.header-mid.sticker .header-mid-content-right,
.header-mid.sticker .header-mid-content-right>.search{
    margin-top: 0;
}
.header-mid.sticker .header-mid-content-mid-logo-drc{
    display: none;
}
.header-mid.sticker .header-mid-content-logo{
    height: 40px;
    /*-webkit-transition: all 0.25s ease-in-out;*/
    /*-moz-transition: all 0.25s ease-in-out;*/
    /*-o-transition: all 0.25s ease-in-out;*/
    /*transition: all 0.25s ease-in-out;*/
}
.header-mid.sticker .header-mid-content-logo img{
    height: 100%;
}
.header-mid-content{
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: flex-start;
}
.header-mid-content-logo{
    margin-top: 15px;
}
.header-mid-content-mid{
    margin-top: 35px;
    margin-left: 25px;
    width: 745px;
    position: relative;
}
.header-mid-content-mid-logo-drc{
    height: 50px;
}
.header-mid-content-mid-logo-drc img{
    height: 100%;
}
.header-mid-content-mid-navbar{
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}
.header-mid-content-mid-navbar>.nav{
    margin: 0 10px;
    font-size: 18px;
    color: #333;
    height: 36px;
    line-height: 33px;
    text-align: center;
    padding: 0 35px;
    min-width: fit-content;
}
.header-mid-content-mid-navbar>.nav:first-child{
    margin-left: -10px;
}
.header-mid-content-mid-navbar>.nav:hover a{
    color: #bd3128;
}
.header-mid-content-mid-navbar>.nav.active{
    color: #bd3128;
    border: 2px solid #bd3128;
    border-radius: 18px;
    height: 34px;
    line-height: 29px;
    padding: 0 8px;
}
.header-mid-content-mid-navbar>.nav>a{
    cursor: pointer;
}
.header-mid-content-right{
    margin-top: 45px;
    width: 230px;
}
.header-mid-content-right>.login-register>.login-register-box{
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
}
.header-mid-content-right>.login-register>.login-register-box>.login-text{
    color: #bd3128;
    margin-right: 20px;
}
.header-mid-content-right>.search{
    margin-top: 50px;
    display: flex;
    justify-content: flex-end;
    height: 35px;
}
.header-mid-content-right>.search>.search-input{
    border: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    background-color: #ffffff;
}
.header-mid-content-right>.search>.search-input>input{
    height: 35px;
    line-height: 35px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: none;
    padding-left: 10px;
}
.header-mid-content-right>.search>.search-btn{
    width: 46px;
    background-color: #bd3128;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #ffffff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
}
.header-mobile-menu{
    display: none;
}
.header-mobile-menu-model{
    display: none;
}
#login-container{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: #000000;
    opacity: 0.5;
}
#login-box{
    width: 480px;
    height: 450px;
    background-color: #ffffff;
    border-radius: 5px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
    opacity: 1;
    padding: 40px;
}
.close-login{
    position: absolute;
    top: 15px;
    right: 15px;
    color: #cccccc;
    cursor: pointer;
}
.login-title{
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
}
.login-form{
    margin-top: 50px;
}
.login-form-item{
    display: flex;
    justify-content: space-between;
    height: 36px;
    line-height: 36px;
    margin-bottom: 16px;
}
.login-form-label{
    width: 52px;
}
.login-form-label>span{
    width: 100%;
    display: inline-block;
    text-align-last: justify;
}
.login-form-div{
    display: flex;
    justify-content: flex-start;
    width: 320px;
}
.login-form-input{
    width: 100%;
    padding: 0 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
}
.login-form-input.captcha{
    width: 200px;
}
.login-form-input>input{
    width: 100%;
    height: 100%;
}
.login-form-captcha-image{
    width: 80px;
    margin-left: 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    overflow: hidden;
}
#login-captcha-refresh{
    margin-left: 10px;
    cursor: pointer;
}
.login-forget{
    margin-top: 16px;
    text-align: right;
    color: #bd3128;
}
.login-btn{
    width: 200px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    background: #bd3128;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    margin-top: 45px;
    border-radius: 5px;
}
.login-btn>a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.hide{
    display: none !important;
}
.footer{
    height: 290px;
    width: 100%;
    background-image: url("../images/bg-3.png");
    position: relative;
    margin-top: 50px;
}
.footer-content{
    width: 1200px;
    margin: 0 auto;
    height: inherit;
    display: flex;
    justify-content: flex-start;
}
.footer-logo{
    margin-top: 32px;
    margin-right: 40px;
    width: 142px;
}
.footer-mid{
    margin-top: 50px;
    color: #0C090A;
    font-size: 16px;
    width: 818px;
}
.footer-mid>div{
    margin-bottom: 15px;
}
.footer-mid>div:first-child>span{
    margin-right: 20px;
}
.footer-qrcode{
    width: 200px;
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
}
.footer-qrcode>.qrcode{
    width: 115px;
    margin-left: 10px;
}
.footer-qrcode-left{
    font-size: 14px;
    width: 70px;
    margin-top: 10px;
}
.footer-qrcode-left>div:first-child{
    color: #808080;

}
.footer-qrcode-left>.btn{
    background-color: #bd3128;
    color: #fff;
    width: 70px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
    margin-top: 16px;
}
.footer-content-mobile{
    display: none;
}
.--switch-version--{
    position: absolute;
    right: 10px;
    top: 0px;
}
/**轮播区域**/
.scroll-box{
    /*width: 1200px;*/
    /*height: 420px;*/
    position: relative;
    margin: 0 auto;
    background-color: #ffffff;
    /*width: 70%;*/
    width: 570px;
    height: 360px;
}
.scroll-list{
    position: absolute;
    right: 50px;
    bottom: 50%;
    transform: translate(0, 50%);
    max-height: 386px;
    height: auto;
    overflow: hidden;
    width: 280px;
    z-index:1;
    background-color: #000000;
    opacity: 80%;
    display: none;
}
.scroll-item{
    padding: 15px;
    border-bottom: 1px solid #222222;
    height: 75px;
    line-height: 23px;
    color: #808080;
    position: relative;
}
.scroll-item.active .red-line{
    position: absolute;
    height: 1px;
    border-bottom: 2px solid #bd3128;
    width: 0px;
    display: unset;
    bottom: 0px;
    left: 0;
    animation: moveLine 14s linear;
}
@keyframes moveLine {
    0% { width: 0px;}
    10% { width: 25px;}
    15% { width: 50px;}
    20% { width: 75px;}
    25% { width: 100px;}
    30% { width: 125px;}
    35% { width: 150px;}
    40% { width: 175px;}
    45% { width: 200px;}
    50% { width: 225px;}
    55% { width: 250px;}
    60% { width: 275px;}
    65% { width: 300px;}
    70% { width: 325px;}
    85% { width: 350px;}
    100% { width: 375px;}
}
.scroll-item .red-line{
    display: none;
}
.scroll-item>p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.scroll-item:last-child{
    border-bottom: none;
}
.scroll-item.active>p>a{
    font-weight: bold;
    color: #ffffff;
}
.scroll-item>p>a:hover{
    color: #ffffff;
}
.scroll-box>.image-list{
    height: 420px;
    overflow: hidden;
}
.scroll-box>.image-list>div{
    display: table-cell;
    vertical-align: middle;
    height: 420px;
    width: 1200px;
}
.scroll-box>.image-list>div>a>img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
}
/*内容区域*/
.main-content{
    width: 1200px;
    margin: 18px auto 0;
    display: flex;
    justify-content: space-between;
    /*background-color: #e8eaec;*/
    overflow-x: hidden;
}
.main-content-left{
    width: 924px;
    border-right: 1px solid #e1e3e6;
    padding-right: 29px;
}
.main-content-right{
    width: 243px;
}
.main-content-left-top{
    width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow:0px 15px 10px -15px #000;
    padding: 16px 28px;
}
.main-content-left-top-wrap{
    max-height: 120px;
    overflow: hidden;
}
.main-content-left-top-item{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 16px;
    margin-top: 16px;
    position: relative;
}
.main-content-left-top-item .author{
    position: absolute;
    right: 0;
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 20px;
}
.main-content-left-top-item .author-by{
    display: flex;
    justify-content: flex-start;
    color: #a1a2a3;
}
.main-content-left-top-item .author-time{
    color: #cccccc;
}
.main-content-left-top-item-label{
    font-size: 12px;
    background-color: #bd3128;
    color: #ffffff;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 4px;
    margin-right: 5px;
}
.main-content-left-top-item-text{
    line-height: 20px;
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-content-left-top-item-text:hover{
    color: #bd3128;
}
.main-content-left-list.carding{
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.main-content-left-list.listing{
    margin-top: 10px;
    background-color: #ffffff;
    padding: 15px;
}
.main-content-left-list.carding .main-content-left-list-item{
    width: 285px;
    height: 270px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 15px;
    margin-right: 18px;
    margin-bottom: 18px;
    overflow: hidden;
    cursor: pointer;
}
.main-content-left-list.listing .main-content-left-list-item{
    width: 100%;
    height: 100px;
    overflow: hidden;
    display: flex;
    margin-top: 10px;
    border-radius: 5px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}
.main-content-left-list.carding .main-content-left-list-item:nth-child(3n){
    margin-right: 0;
}
.main-content-left-list.carding .main-content-left-list-item .image{
    width: 255px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
    height: 170px;
    display: table-cell;
    vertical-align: middle;
    padding: 1px;
}
.main-content-left-list.listing .main-content-left-list-item .image{
    width: 160px;
    height: 100px;
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}
.main-content-left-list.listing .text{
    width: 694px;
    padding-right: 10px;
}
.main-content-left-list .main-content-left-list-item .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
}
.main-content-left-list .main-content-left-list-item .title a:hover{
    color: #bd3128;
}
.main-content-left-list .main-content-left-list-item .title{
    width: 100%;
    font-weight: bold;
    line-height: 26px;
    height: 52px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*padding: 0 15px;*/
}
.main-content-left-list .main-content-left-list-item .author{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-top: 10px;
    /*padding: 0 15px;*/
}
.main-content-left-list.listing .author{
    margin-top: 25px;
}
.main-content-left-list .main-content-left-list-item .author .author-by{
    color: #a1a2a3;
    max-width: 174px;
    display: flex;
}
.main-content-left-list .main-content-left-list-item .author .author-by>div{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.main-content-left-list .main-content-left-list-item .author .author-time{
    color: #cccccc;
}
.main-content-left-list-more{
    width: 240px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #ffffff;
    color: #bd3128;
    border-radius: 5px;
    margin: 40px auto 36px;
    cursor: pointer;
    position: relative;
}
.history-list{
    position: absolute;
    right: -320px;
    top: 0;
}
.main-content-right a:hover{
    color: #bd3128;
}
.main-content-right>.hot{
    min-height: 120px;
    background-color: #ffffff;
    background-image: url("../images/bg-hot.png");
    background-repeat: no-repeat;
    border-radius: 5px;
    padding: 15px;
}
.main-content-right>.hot>.head{
    font-size: 18px;
    color: #bd3128;
    font-weight: bold;
    padding-bottom: 15px;
}
.main-content-right>.hot>.hot-list{
    /*border-left: 1px solid #f5c3c1;*/
}
.main-content-right>.hot>.hot-list>.hot-item{
    position: relative;
    /*padding: 15px 0 0 0;*/
    padding-bottom: 5px;
}
.main-content-right>.hot>.hot-list>.hot-item>.title{
    height: 48px;
    line-height: 24px;
    font-size: 15px;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.main-content-right>.hot>.hot-list>.hot-item>.time{
    font-size: 12px;
    color: #cccccc;
    margin: 7px 0;
}
.main-content-right>.hot>.hot-list>.hot-item>.circle{
    position: absolute;
    border: 4px solid #f5c3c1;
    border-radius: 50%;
    background-color: #ffffff;
    width: 12px;
    height: 12px;
    left: -6px;
    top: 22px;
    display: none;
}
.main-content-right>.about{
    height: 120px;
    background-image: url("../images/bg-about.png");
    border-radius: 5px;
    padding: 15px;
    margin-top: 24px;
    display: block;
}
.main-content-right>.about>.head{
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
}
.main-content-right>.about>.content{
    color: #eeeeee;
    font-size: 13px;
    margin-top: 15px;
    line-height: 22px;
}
.main-content-right>.advice{
    height: 120px;
    background-image: url("../images/bg-advice.png");
    border-radius: 5px;
    padding: 15px;
    margin-top: 24px;
    display: block;
}
.main-content-right>.advice>.head{
    color: #333333;
    font-weight: bold;
    font-size: 24px;
}
.main-content-right>.advice>.content{
    color: #444444;
    font-size: 13px;
    margin-top: 15px;
    line-height: 22px;
}

.main-content-right>.datatry{
    height: 180px;
    background-image: url("../images/datapic/pic01.png");
    border-radius: 5px;
    padding-left: 30px;
    padding-top: 30px;
    margin-top: 1px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
}
.main-content-right>.datatry a{
    color: #4DFFFF;
}
.datatry-item{
    height: 30px;
    line-height: 30px;
}
.datatry-item a:hover{
    color: #ffffff;
}
.link-content-container{
    background-color: #e1e4e8;
    width: 100%;
}
.link-content{
    width: 100%;
    margin-top: 20px;
    padding-bottom: 70px;
}
.link-content-nav{
    height: 100px;
    padding-top: 50px;
    padding-bottom: 35px;
    display: flex;
    justify-content: flex-start;
    font-size: 16px;
}
.link-content-nav-title{
    margin-right: 60px;
    color: #333333;
    font-weight: bold;
}
.link-content-nav-title.active{
    color: #bd3128;
}
.link-content-box{
    border-radius: 5px;
    background-color: #ffffff;
    width: 100%;
    margin-top: 20px;
    /*padding: 40px;*/
}
.link-content-box-wrap{
    /*height: 220px;*/
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow-y: scroll;
}
.link-content-box-wrap::-webkit-scrollbar{
    display: none;
}

.link-content-box-wrap.has-image>.link-content-url{
    display: inline-flex;
    items: center;
    width: 175px;
    height: 40px;
    border: 1px solid #efefef;
    margin-right: 18px;
    margin-bottom: 16px;
    overflow: hidden;
}
.link-content-box-wrap.has-image>.link-content-url>img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
}
.link-content-box-wrap.no-image>.link-content-url{
    display: inline-block;
    margin-right: 18px;
    overflow: hidden;
    width: fit-content;
    border: none;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}
.link-content-box-wrap.no-image>.link-content-url:hover{
    color: #bd3128;
}
.link-content-box-wrap>span{
    color: #cccccc;
}
.link-content-box-wrap.has-image>.link-content-url:nth-child(6n){
    /*margin: 0;*/
}
.main-content-left-mid{
    height: 55px;
    line-height: 55px;
    display: flex;
    justify-content: flex-start;
    background-color: #ffffff;
    border-radius: 5px;
    margin-top: 20px;
    padding-left: 20px;
}
.main-content-nav{
    margin-right: 36px;
    color: #bbbbbb;
}
.main-content-nav.active{
    color: #bd3128;
}
.main-content-left-top-2{
    height: 300px;
    background-color: #ffffff;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
}
.main-content-left-top-2>.image-area{
    width: 500px;
    height: 300px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}
.main-content-left-top-2>.image-area>a>img{
    display: block;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main-content-left-top-2>.text-area{
    padding: 20px 20px 20px 10px;
    width: 394px;
    position: relative;
}
.main-content-left-top-2>.text-area>.title{
    width: 100%;
    font-weight: bold;
    line-height: 28px;
    height: 56px;
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.main-content-left-top-2>.text-area>.title>a:hover{
    color: #bd3128;
}
.main-content-left-top-2>.text-area>.author{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-top: 40px;
}
.main-content-left-top-2>.text-area>.content{
    font-size: 16px;
    color: #888888;
    line-height: 25px;
    margin-top: 10px;
    height: 150px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.main-content-left-top-2>.text-area>.author>.author-by{
    color: #a1a2a3;
    max-width: 174px;
    display: flex;
}
.main-content-left-top-2>.text-area>.author>.author-time{
    color: #888888;
}
.main-content-left-top-2>.text-area>.author>.author-by>div{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.main-content-wrap {
    width: 100%;
    padding: 25px;
    background: #ffffff;
    border-radius: 5px;
}
.scroll-list-2{
    /*width: 30%;*/
    width: 324px;
    height: 360px;
    background-color: #f4f4f4;
    overflow-y: hidden;
}
.scroll-list-2-item{
    height: 90px;
    padding: 10px 10px 0 10px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 16px;
    position: relative;
    display: block;
}
.scroll-list-2-item .-title{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    height: 46px;
    line-height: 24px;
}
.scroll-list-2-item.active{
    background-color: white;
}
.scroll-list-2-item.active .-title{
    font-weight: bold;
}
.scroll-list-2-item a:hover{
    color: #bd3128;
}
.scroll-list-2-wrapper{
    height: fit-content;
}
.-publish{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    left: 10px;
    margin-top: 15px;
}
.-publish-time{
    color: #cccccc;
}
.-publish-dpt{
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.form-title {
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
.form-content {
    margin-top: 20px;
}
.control-group {
    display: flex;
    justify-content: flex-start;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}
.control-label {
    width: 230px;
    text-align: right;
}
.control-label i{
    color: #bd3128;
}
.control-group .controls input{
    width: 340px;
    border: 1px solid #e0e0e0;
    height: 30px;
    padding: 0 5px;
}
.control-group .controls select{
    border: 1px solid #e0e0e0;
    height: 30px;
    width: 350px;
}
.control-group .controls .tishi{
    color: #666666;
}
.register-box{
    height: 830px;
    width: 1200px;
    margin: 56px auto;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    box-shadow:10px 15px 10px -15px #000;
}
.register-box>.image,.register-box>.register-form{
    width: 600px;
}
.register-box>.image{
    background-image: url("../images/register.png");
    padding-left: 80px;
    padding-top: 114px;
}
.register-box>.register-form{
    padding: 0 96px;
}
.register-box>.register-form>.title{
    font-size: 34px;
    font-weight: bold;
    margin-top: 56px;
    margin-bottom: 50px;
}
.register-box>.register-form>.form-item{
    display: flex;
    justify-content: space-between;
    height: 34px;
    line-height: 34px;
    margin-bottom: 14px;
}
.register-box>.register-form>.form-item>.label{
    width: 64px;
    display: flex;
}
.register-box>.register-form>.form-item>.label>span{
    width: 56px;
    display: inline-block;
    text-align-last: justify;
    font-size: 14px;
    color: #333333;
}
.register-box>.register-form>.form-item>.label>i{
    width: 8px;
    color: #bd3128;
    line-height: 40px;
}
.register-box>.register-form>.form-item>.right{
    display: flex;
    justify-content: flex-start;
    width: 320px;
}
.register-box>.register-form>.form-item>.right>.register-input{
    width: 100%;
    padding: 0 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
}
.register-box>.register-form>.form-item>.right>.register-input.captcha{
    width: 200px;
}
.register-box>.register-form>.form-item>.right>.register-input>input{
    width: 100%;
    height: 100%;
}
.register-captcha-image{
    width: 80px;
    margin-left: 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    overflow: hidden;
}
.register-box>.image>.h1{
    font-size: 42px;
    color: #ffffff;
    font-weight: bold;
}
.register-box>.image>.h2{
    margin-top: 24px;
    font-size: 30px;
    color: #ffffff;
}
#register-captcha-refresh{
    margin-left: 10px;
    cursor: pointer;
}
.register-input>select{
    width: 100%;
    height: 100%;
}
.register-box>.register-form>.hint{
    margin: 22px 0;
    font-size: 12px;
    color: #cccccc;
    line-height: 20px;
}
.register-btn{
    width: 200px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    color: #ffffff;
    background-color: #bd3128;
    margin-top: 30px;
}
.main-content-detail{
    background-color: #ffffff;
    padding: 34px 60px;
    border-radius: 5px;
    /*margin-bottom: 95px;*/
}
.main-content-detail>.detail-title{
    margin-top: 30px;
    line-height: 34px;
    font-size: 24px;
}
.main-content-detail>.author-font{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-top: 18px;
}
.main-content-detail>.author-font>.font-set{
    color: #333333;
    cursor: pointer;
    position: relative;
}
.font-set:hover .sub{
    display: block;
}
.main-content-detail>.author-font>.font-set>.sub{
    display: none;
    position: absolute;
    border: 1px solid #e0e0e0;
    top: 20px;
    width: fit-content;
    background-color: #ffffff;
    padding: 5px;
}
.main-content-detail>.author-font>.font-set>.sub li{
    padding: 5px 0;
    color: #bd3128;
}
.main-content-detail>.author-font>.author{
    display: flex;
    justify-content: flex-start;
}
.main-content-detail>.author-font>.author>.author-by{
    color: #a1a2a3;
    max-width: 300px;
    display: flex;
    margin-right: 66px;
}
.main-content-detail>.author-font>.author>.author-by>div{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.main-content-detail>.author-font>.author>.author-time{
    color: #cccccc;
}
.main-content-detail>.detail-content{
    border-top: 1px solid #e1e3e6;
    margin-top: 20px;
    padding-top: 20px;
}
#art .artContent{
    text-align:left;
    font-size:18px;
    overflow:hidden;
}
#art .artContent a,
#art .artContent p,
#art .artContent span,
#art .artContent strong{
    /*font-family:'宋体'!important;*/
    /*font-size:16px !important;*/
    font: 18px "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    color: #333333;
}
#art.font12 .artSum.de-abstract,
#art.font12 .artContent.original-link .de-a-link{
    font-size:11px !important;
}
#art.font12 .artSum,
#art.font12 .artContent a,
#art.font12 .artContent p,
#art.font12 .artContent span,
#art.font12 .artContent strong{
    font-size:12px !important
}
#art.font14 .artSum.de-abstract,
#art.font14 .artContent.original-link .de-a-link{
    font-size:13px !important;
}
#art.font14 .artSum,
#art.font14 .artContent a,
#art.font14 .artContent p,
#art.font14 .artContent span,
#art.font14 .artContent strong{
    font-size:14px !important;
    line-height: 24px !important;
}
#art.font16 .artSum.de-abstract,
#art.font16 .artContent.original-link .de-a-link{
    font-size:15px !important;
}
#art.font16 .artSum,
#art.font16 .artContent a,
#art.font16 .artContent p,
#art.font16 .artContent span,
#art.font16 .artContent strong{
    font-size:16px !important
}
#art.font18 .artSum.de-abstract,
#art.font18 .artContent.original-link .de-a-link{
    font-size:17px !important;
}
#art.font18 .artSum,
#art.font18 .artContent a,
#art.font18 .artContent p,
#art.font18 .artContent span,
#art.font18 .artContent strong{
    font-size:18px !important;
    line-height: 30px !important;
}
#art.font20 .artSum.de-abstract,
#art.font20 .artContent.original-link .de-a-link,
#art.font20 .artContent.original-link p{
    font-size:18px !important;
}
#art.font20 .artSum,
#art.font20 .artContent a,
#art.font20 .artContent p,
#art.font20 .artContent span,
#art.font20 .artContent strong{
    font-size:20px !important;
}
#art.font23 .artSum.de-abstract,
#art.font23 .artContent.original-link .de-a-link,
#art.font23 .artContent.original-link p{
    font-size:21px !important;
}
#art.font23 .artSum,
#art.font23 .artContent a,
#art.font23 .artContent p,
#art.font23 .artContent span,
#art.font23 .artContent strong{
    font-size:23px !important;
    line-height: 36px !important;
}
#art .artContent strong {
    font-weight: bolder;
}
#art .artContent p{
    line-height:30px;
    padding-bottom:16px;
    text-indent:2em !important;
    word-break:break-word;
    letter-spacing: 0.5px;
    word-wrap: break-word;
    text-align: justify;
}
#art .artContent.original-link p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#art .noIndent p:first-child{
    text-indent: 0 !important;
}
#art .artContent img{
    display:block;
    margin:0 auto;
    max-width:100%;
    font-size:16px !important;
}
#art .artContent span>img{
    display:inline;
}

#art .artContent.original-link p{
    /*font-family:"KaiTi_GB2312" !important;*/
    font: 16px "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    color: #333333;
    margin-top:8px;
}
#art .artContent .de-a-link{
    color: #1974A1;
    font-family:"Georgia" !important;
    float: right;
    font-size: 14px;
}#art .de-abstract{
     /*font-family:"KaiTi_GB2312" !important;*/
     font: 18px "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
     color: #333333;

 }
#art .artSum {
    border: 1px dotted #ccc;
    padding: 15px;
    /*margin: 25px 0;*/
    /*font-size: 14px;*/
    line-height: 23px;
    text-indent: 28px;
    letter-spacing: 0.5px;
    word-wrap: break-word;
    text-align: justify;
    margin-bottom: 20px;
}
#art_new_a ul{
    font-size:14px;
}
#art_new_a ul li{
    margin-bottom:10px;
}
/*#art_new_a ul .name{
	font-family: '楷体';
	font-weight: bold;
	font-size:15px;
	color:#333;
}*/
.pull-right {
    float: right;
}
#art .tuwen{
    height:190px;
    margin:25px 0;
    border:1px solid #ccc;
}
#art .tuwen .pull-left{
    float: left;
    width:31%;
    font-size:0;
    text-align: center;
    line-height: 190px
}
#art .tuwen .pull-left img{
    max-width:100%;
    max-height:190px;
    vertical-align:middle;
}
#art .tuwen .pull-right{
    position: relative;
    float:right;
    width:68.8%;
    border-left: 1px solid #ccc;
    height:190px;
    overflow: auto;
}
#art .tuwen .pull-right .abstract{
    padding:15px 25px;
    line-height: 26px;
    font-size:14px;
    text-align: left;
    text-indent: 2em;
}
#art .tuwen .pull-right #tuwen_sec{
    position:absolute;
    bottom:15px;
    width:100%;

}
#art .tuwen .pull-right #tuwen_sec select{
    width:100%;
    font-size:14px;
    padding:3px 6px;
    color:#555;
}
#art em{
    font-style: italic;
}
#art .artContent.artAuthor{
    text-align: right;
    line-height:28px;
}
/**意见建议**/
.advice-wrap{
    width: 894px;
    height: 780px;
    border-radius: 5px;
    background-color: #ffffff;
    margin-bottom: 160px;
    padding: 34px 60px;
    background-image: url("../images/bg-advice-send.png");
    background-repeat: no-repeat;
    background-position-x: 470px;
    background-position-y: 425px;
    background-size: 40%;
}
.breadcrumb{
    color: #aaaaaa;
}
.advice-wrap>.title{
    font-size: 16px;
    margin-top: 40px;
}
.advice-wrap>.form{
    margin-top: 20px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    background-color: #f5f5f5;
    height: 245px;
    padding: 18px;
    width: 778px;
}
.advice-wrap>.form>textarea{
    width: 100%;
    height: 100%;
    resize: none;
}
.advice-wrap>.submit{
    margin-top: 30px;
    width: 298px;
    height: 40px;
    background-color: #bd3128;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    border-radius: 5px;
}
.advice-wrap>.bottom{
    margin-top: 230px;
    font-size: 12px;
    line-height: 34px;
    color: #aaaaaa;
}
.advice-wrap>.bottom a{
    color: dodgerblue;
}
.about-wrap{
    width: 894px;
    height: fit-content;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 34px 60px;
}
.about-content{
    margin-top: 36px;
}
.about-content .artContent{
    margin-top: 16px;
}
.about-content .artContent p{
    font-size: 16px;
    line-height: 24px;
    padding-top: 12px;
    text-indent: 2em;
    word-break: break-all;
}
.about-content .artContent a{
    color: dodgerblue;
}
.about-content .title{
    color: #bd3128;
    line-height: 50px;
    font-weight: bold;
    font-size: 16px;
}
.about-content .artContent .box{
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.about-content .artContent .box .box-1,.about-content .artContent .box .box-2{
    width: 374px;
    height: 100px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    padding: 15px 30px;
}
.about-content .artContent .box .left{
    width: 160px;
    line-height: 24px;
    font-size: 16px;
    margin-top: 12px;
}
.about-content .artContent .box .right{
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #ffffff;
    border-radius: 17px;
    margin-top: 20px;
}
.about-content .artContent .box .right a{
    color: #ffffff;
}
.about-content .artContent .box-1 .right{
    background-color: #bd3128;
}
.about-content .artContent .box-2 .right{
    background-color: #134fcb;
}
.about-content .artContent .box-1{
    background-image: url("../images/bg-about-1.png");
    color: #bd3128;
}
.about-content .artContent .box-2{
    background-image: url("../images/bg-about-2.png");
    color: #134fcb;
}
.search-wrap{
    width: 1200px;
    min-height: 830px;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 30px 60px;
    margin-bottom: 100px;
}
.search-form{
    display: flex;
    justify-content: space-between;
    margin-top: 26px;
}
.search-left{
    width: 240px;
    height: 440px;
    background-color: #f4f6f7;
    border-radius: 5px;
    padding: 15px;
}
.search-left .cat{
    margin-top: 40px;
}
.search-left .select{
    margin-top: 16px;
    width: 100%;
    height: 34px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 0 10px;
}
.search-left .cat-box{
    margin-top: 16px;
    background-color: #ffffff;
    padding: 20px 18px;
    width: 200px;
    height: 150px;
    border-radius: 5px;
}
.search-left .cat-box .checkbox{
    margin-bottom: 15px;
}
.search-left .cat-box .checkbox label{
    font-size: 14px;
}
.search-left .select>select{
    width: 100%;
    height: 100%;
    line-height: 34px;
}
.search-right{
    width: 800px;
}
.search-result{
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin-top: 20px;
    padding: 15px;
}
.search-result-item{
    padding: 10px 0;
    border-bottom: 1px dashed #CCCCCC;
}
.search-result-item-title{
    color: #bd3128;
    margin-bottom: 10px;
}
.search-result-item-author{
    margin-bottom: 10px;
    color: #666;
    font-size: 14px;
}
.search-result-item-content{
    font-size: 14px;
    line-height: 20px;
}
.search-pagination{
    margin-top: 15px;
}
.search-pagination .current{
    color: #bd3128;
}
.search-pagination .disabled{
    color: #666;
    cursor: not-allowed;
}
.search-pagination a{
    cursor: pointer;
}
.search-pagination a,.search-pagination span{
    margin-right: 10px;
}
.search-right .search-box{
    height: 330px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
}
.search-right .search-hint{
    width: 100%;
    height: 94px;
    border-radius: 5px;
    border: 1px dashed #e6e6e6;
    margin-top: 20px;
    padding: 12px 16px;
    font-size: 12px;
    line-height: 16px;
}
.no-result-title{
    margin-bottom: 10px;
}
.no-result-hint{
    color: #666;
    font-size: 14px;
    line-height: 20px;
}
.search-right .search-box .top{
    height: 250px;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 29px;
    padding-top: 20px;
}

.search-right .search-box .bottom .submit{
    color: #ffffff;
    background-color: #bd3128;
    border-radius: 5px;
    text-align: center;
    width: 120px;
    height: 36px;
    line-height: 36px;
    margin-top: 20px;
    margin-left: 30px;
    cursor: pointer;
}
.search-right .search-box .bottom .submit a{
    display: block;
    width: 100%;
    height: 100%;
}
.search-right .search-box .bottom .submit a:hover{
    color: #ffffff;
}
.search-right .search-box .top .form-item{
    height: 34px;
    line-height: 34px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.search-right .form-label{
    width: 175px;
}
.search-right .form-value{
    display: flex;
    justify-content: flex-start;
}
.search-right .form-radio{
    margin-right: 36px;
}
.search-right .form-radio label{
    margin-left: 10px;
}
.search-result-item-content-label{
    color: #666666;
}
.search-right .form-input{
    width: 240px;
    height: 34px;
    border: 1px solid #e6e6e6;
    padding: 0px 10px;
    border-radius: 5px;
}
.search-right .form-error{
    margin-left: 10px;
    color: #bd3128;
    font-size: 14px;
}
.search-right .form-input input{
    width: 100%;
    height: 100%;
}
.register-ok-wrap{
    width: 1200px;
    margin: 56px auto;
    height: 500px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 60px;
}
.register-ok{
    border: 1px solid #cccccc;
    width: 100%;
}
.register-ok .head{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background-color: #cccccc;
}
.register-ok .body{
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: flex-start;
    padding-left: 40px;
    padding-top: 30px;
    position: relative;
}
.register-ok .body .icon{
    background-image: url("../images/i-suc.png");
    width: 64px;
    height: 64px;
}
.register-ok .body .text{
    margin-left: 15px;
    margin-top: 5px;
    line-height: 25px;
}
.register-ok .body .text-1{
    color: #86C218;
    font-weight: bold;
}
.register-ok .body .login-btn{
    position: absolute;
    bottom: 10px;
    left: 464px;
    cursor: pointer;
    width: 150px;
    height: 30px;
    line-height: 30px;
}
.register-ok .bottom{
    padding: 10px;
    font-size: 12px;
    color: #666;
    border-top: 1px dashed #cccccc;
}
.register-ok .bottom .strong{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.reset-form-wrap{
    padding: 30px;
    width: 500px;
    margin: 0 auto;
}
.reset-form-item{
    display: flex;
    justify-content: flex-start;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}
.reset-form-label{
    width: 50px;
    text-align-last: justify;
    margin-right: 20px;
}
.reset-form-value{
    display: flex;
    justify-content: flex-start;
}
.reset-form-input{
    border: 1px solid #cccccc;
    width: 250px;
    font-size: 14px;
    padding-left: 10px;
    border-radius: 3px;
}
.reset-form-input>input{
    width: 100%;
}
.reset-form-input-captcha{
    border: 1px solid #cccccc;
    width: 130px;
    font-size: 14px;
    padding-left: 10px;
    border-radius: 3px;
}
.reset-form-captcha{
    margin-left: 10px;
    border: 1px solid #cccccc;
    width: 64px;
    border-radius: 1px;
    margin-right: 10px;
}
.reset-refresh{
    cursor: pointer;
}
.reset-submit .login-btn{
    height: 30px;
    line-height: 30px;
    margin-top: 0;
}
#goToTop{
    position: fixed;
    bottom: 50px;
    right: 50px;
    background-image: url("../images/top.png");
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
    display: none;
    cursor: pointer;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(1.0);
}
.swiper-slide a{
    width: 100%;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1.6);
    z-index: 10;
}
.swiper-pagination{
    text-align: right !important;
    padding-right: 10px;
}
.swiper-pagination-bullet{
    background: #ffffff !important;
}
.swiper-pagination-bullet-active{
    background-color: #bd3128 !important;
}
.slide-text{
    background-color: #333333;
    opacity: 75%;
    color: #ffffff;
    height: 40px;
    width: 100%;
    line-height: 40px;
    padding: 0 10px;
    bottom: 0px;
    left: 0;
    position: absolute;
    font-size: 22px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 10;
}
.slide-text a:hover{
    color: #bd3128;
}
.swiper{
    width: 100%;
    /*height: 420px;*/
    height: 360px;
}
.zt-banner{
    width: 894px;
    height: 240px;
    background-image: url("../images/bg-subject.png");
    position: relative;
}
.zt-banner-title{
    position: absolute;
    top: 140px;
    left: 96px;
    display: flex;
    justify-content: flex-start;
}
.zt-banner-title span{
    margin-right: 15px;
    font-size: 20px;
    color: #ffffff;
}
.zt-list{
    margin-top: 40px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.zt-item{
    background-color: #ffffff;
    width: 286px;
    height: 206px;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 16px;
}
.zt-item:nth-child(3n-1){
    margin-left: 18px;
    margin-right: 18px;
}
.zt-item:hover .zt-item-title{
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
}
.zt-item:hover .zt-item-btn{
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
}
.zt-item-cat{
    height: 120px;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.zt-item-title{
    width: 100%;
    text-align: center;
    line-height: 120px;
    color: #ffffff;
    font-size: 20px;
}
.zt-item-btn{
    background-color: #bd3128;
    width: 122px;
    height: 34px;
    border-radius: 17px;
    text-align: center;
    line-height: 34px;
    color: #ffffff;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
}
.zt-item-articles{
    margin-top: 10px;
}
.zt-item-article-title{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    white-space: nowrap;
}
.zt-item-article-title a{
    color: #888888;
    font-size: 14px;
}
.zt-item-article-title a:hover{
    color: #bd3128;
}
.zt-sub-list{
    margin-top: 40px;
    background-color: #ffffff;
    display: flex;
    justify-content: flex-start;
    min-height: 760px;
    width: 894px;
    border-radius: 10px;
}
.zt-sub-list-left{
    border-right: 1px solid #f2f3f3;
    width: 240px;
    padding: 20px 10px;
}
.zt-sub-cat{
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    width: 220px;
    cursor: pointer;
    margin-bottom: 5px;
    font-size: 14px;
}
.zt-sub-cat.active,.zt-sub-cat:hover{
    background-color: #bd3128;
    color: #ffffff;
    border-radius: 5px;
}
.zt-sub-cat:hover a{
    color: #ffffff;
}
.zt-sub-list-right{
    padding: 20px;
    width: 654px;
}
.zt-sub-link{
    height: 90px;
    width: 100%;
    border-bottom: 1px solid #f2f3f3;
}
.zt-sub-link-title{
    display: flex;
    justify-content: space-between;
    height: 50px;
    line-height: 50px;
}
.zt-sub-link-title a{
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    width: 514px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zt-sub-link-title a:hover{
    color: #bd3128;
}
.zt-sub-link-title span{
    color: #888888;
    font-size: 12px;
}
.zt-sub-link-content{
    height: 40px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666666;
}
.zt-sub-pagination{
    margin-top: 20px;
}
.zt-sub-pagination .prev, .zt-sub-pagination .next{
    display: inline-block;
    border: 1px solid #f2f3f3;
    border-radius: 5px;
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    width: fit-content;
    color: #888888;
}
.zt-sub-pagination .disabled{
    cursor: not-allowed;
}
.zt-sub-pagination .prev:hover,.zt-sub-pagination .next:hover{
    display: inline-block;
    background-color: #bd3128;
    color: #ffffff;
    width: fit-content;
    height: 30px;
    padding: 0px 10px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
}
.zt-sub-pagination .current,.zt-sub-pagination a:hover{
    display: inline-block;
    background-color: #bd3128;
    color: #ffffff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
}
.zt-sub-pagination a{
    display: inline-block;
    border: 1px solid #f2f3f3;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    color: #888888;
}
.survey-wrap, .service-wrap{
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 35px;
}
.service-contact{
    margin-top: 25px;
}
.service-mid-title{
    color: rgb(40, 94, 189);
    font-size: 34px;
    text-align: center;
    height: 140px;
    line-height: 140px;
    font-weight: bold;
    position: relative;
}
.service-mid-title .database-apply{
    position: absolute;
    font-size: 16px;
    right: 100px;
    bottom:-8px;
}
.service-tabs{
    color: rgb(40, 94, 189);
    padding: 0 100px;
    font-weight: bold;
    border-bottom: 1px solid rgb(241,241,241);
}
.service-tab-header{
    display: flex;
    justify-content: space-between;
}
.service-tab-item{
    text-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.service-tab-icon{
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.service-tab-text{
    margin-bottom: 20px;
}
.service-tab-line.active{
    margin: 0 auto;
    width: 60px;
    height: 5px;
    background-color: rgb(40, 94, 189);
    border-radius: 2px;
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
}
.service-tab-list{
    display: none;
}
.service-tab-item-mobile{
    display: none;
}
.service-tab-list.active{
    display: block;
    padding-top: 80px;
    background-image: url("/v2/images/service/v2/bg.png");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position-y: bottom;
    height: 645px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.service-tab-img{
    margin: 0 auto;
    width: fit-content;
}
.service-wrap.fix{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.main-content-left.fix{
    width: 1200px;border: none;
}
.service-banner-text.fix{
    padding-top: 20px;
    width: 960px;
}
.service-tab-link{
    background-color: rgb(40, 94, 189);
    color: #fff;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    width: 160px;
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
}
.survey-banner{
    width: 854px;
    height: 260px;
    background-image: url("../images/shuzidiaocha.png");
    border-radius: 5px;
}
.service-banner{
    width: 100%;
    padding: 20px 0;
    background-image: url("../images/bg-service.png");
    height: fit-content;
    border-radius: 5px;
    background-position: bottom;
}
.survey-banner-text{
    width: 764px;
    margin: 0 auto;
    padding-top: 40px;
    color: #ffffff;
    text-align: center;
    text-shadow: 1px 1px 1px rgb(4,54,114);
}
.service-banner-text{
    width: 736px;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
}
.service-box-text{
    width: fit-content;
    padding: 10px;
    border: 1px solid #ffffff;border-radius: 5px;
    margin-top: 25px;
    font-size: 16px;
}
.service-box-text i {
    margin-right: 5px;
    font-weight: bold;
}
.survey-item.service-item, .survey-item-2{
    height: 200px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    display: block;
}
.dpt-2{
    border-radius: 5px;
    padding: 15px 10px;
    margin-bottom: 20px;
    background-color: #ffffff;
    background-image: url(../images/bg-hot.png);
    background-repeat: no-repeat;
}
.dpt-2 .head{
    font-size: 18px;
    color: #bd3128;
    font-weight: bold;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
    line-height: 18px;
}
.more-dpt{
    font-size: 12px;
    color: #CCCCCC;
}
.dpt-list-wrapper{
    height: fit-content;
    overflow: hidden;
}
.dpt-list-2{
    height: fit-content;
}
.dpt-list-item{
    display: flex;
    justify-content: flex-start;
    height: 30px;
    line-height: 30px;
}
.dpt-list-item .vip-icon-small{
    margin-top: 10px;
    margin-right: 2px;
}
.dpt-list-item a{
    font-size: 14px;
    color: #333333;
}
.dpt-list-item .title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}
.survey-item-2{
    width: 416px;
    height: fit-content;
    background-color: #fafafa;
}
.survey-item-2-text{
    padding: 20px;
    height: 160px;
}
.survey-item-2-title{
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #bd3128;
}
.survey-item-2-content {
    line-height: 24px;
    font-size: 14px;
    color: #888888;
}
.survey-item-text{
    width: 100%;
    height: 160px;
}
.service-list-title{
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    margin-top: 40px;
    text-shadow: 1px 2px 1px rgb(4,54,114);
}
.service-list-text{
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    width: 340px;
    margin: 34px auto 0;
    text-shadow: 1px 2px 1px rgb(4,54,114);
}
.survey-divide{
    height: 24px;
    line-height: 24px;
    color: #bd3128;
    font-size: 24px;
    font-weight: bold;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.survey-divide-line{
    height: 0px;
    width: 356px;
    border: 1px solid #bd3128;
    margin-top: 11px;
}
.survey-divide-dot{
    width: 1px;
    height: 1px;
    border: 4px solid #bd3128;
    border-radius: 50%;
    margin-top: -4px;
}
.survey-divide-dot.-fl-l{
    float: left;
    margin-left: -2px;
}
.survey-divide-dot.-fl-r{
    float: right;
    margin-right: -2px;
}
.survey-list{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 30px;
}
.survey-item{
    width: 416px;
    height: 266px;
    background-color: #f0f2f4;
    border-radius: 5px;
    margin-bottom: 16px;
}
.dpt-name-box{
    position: absolute;
    top: 8px;
    right: -70px;
    display: flex;
    justify-content: flex-start;
}
.dpt-name-box .text{
    color: #bd3128;
    font-size: 20px;
    font-weight: bold;
}
.platinum{
    background: linear-gradient(135deg, rgb(227, 204, 195), rgb(207, 161, 134));
    color: #713f34;
}
.copper{
    background: linear-gradient(135deg, rgb(205,221,211), rgb(159, 213, 183));
    color: rgb(56, 112, 69);
}
.silver{
    background: linear-gradient(135deg, rgb(221,228,234), rgb(164, 172, 185));
    color: rgb(43, 48, 62);
}
.gold{
    background: linear-gradient(135deg, rgb(247,233,211),rgb(245, 185, 78));
    color: rgb(158, 119, 33);
}
.dpt-list-wrap{
    width: 894px;
    height: fit-content;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 15px;
}
.vip-icon{
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 2px 11px;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    height: 22px;
}
.dpt-name{
    line-height: 20px;
    margin-left: 5px;
    margin-top: 10px;
}
.vip-icon-small{
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 1px 5px;
    font-weight: bold;
    font-size: 10px;
    line-height: 8px;
    height: 12px;
    font-style: italic;
    text-align: center;
}
.main-content-left-list .main-content-left-list-item,
.survey-item,
.survey-item-2,
.zt-item-title,
.zt-item-btn,
.zt-item,
.link-content-url,
.dpt-index-cursor .item,
.scroll-list-2-item,
.service-item .btn,
.survey-item-2 .btn,
.dpt-item{
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.main-content-left-list .main-content-left-list-item:hover,
.survey-item:hover,
.zt-item:hover,
.survey-item:hover,
.survey-item-2:hover,
.dpt-item:hover,
.dpt-index-cursor .item:hover,
.scroll-list-2-item:hover,
.link-content-url:hover{
    box-shadow: 0 4px 5px gray,-5px 4px 5px gray,5px 4px 5px gray;
    transform: translate(0, -5px);
}
.survey-item:nth-child(2n-1),.survey-item-2:nth-child(2n-1){
    margin-right: 20px;
}
.survey-item-img{
    height: 200px;
    width: 416px;
    overflow: hidden;
}
.survey-item-img img{
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
}
.survey-item-title{
    height: 66px;
    line-height: 66px;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.survey-item-title a:hover{
    color: #bd3128;
}
.survey-more{
    color: #bd3128;
    cursor: pointer;
    background-color: #ffffff;
    width: 240px;
    height: 48px;
    margin: 0 auto;
    text-align: center;
    line-height: 48px;
    border-radius: 5px;
}
.list-or-card{
    margin-top: 15px;
    display: flex;
    justify-content: flex-start;
}
.list-or-card-btn{
    background-color: #666666;
    color: #ffffff;
    padding: 5px;
    cursor: pointer;
    font-size: 16px;
}
.list-or-card-btn.active{
    background-color: #bd3128;
}
.dpt-title{
    display: flex;
    justify-content: flex-start;
    height: 20px;
    line-height: 20px;
    margin-top: 30px;
}
.dpt-title-left{
    height: 14px;
    width: 1px;
    border: 2px solid #bd3128;
    margin-top: 3px;
}
.dpt-title-text{
    margin-left: 2px;
}
.dpt-list{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 20px;
}
.dpt-item{
    width: 280px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background-color: #e8e9eb;
    margin-bottom: 12px;
    color: #6f7f88;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dpt-list.xiezuo .dpt-item{
    background-color: #ffffff;
    border: 1px solid #e8e9eb;
    height: 53px;
    line-height: 53px;
    display: flex;
    justify-content: flex-start;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dpt-item .vip-icon{
    margin: 16px 10px 16px 16px;
}
.dpt-item span{
    cursor: not-allowed;
}
.dpt-item a:hover{
    color: #bd3128;
}
.dpt-item:nth-child(3n-1) {
    margin-left: 12px;
    margin-right: 12px;
}
.links{
    display: block;
    margin-top: 20px;
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 0 15px;
    background-image: url("../images/bg-link.png");
    border-radius: 5px;
    font-size: 24px;
}
.dpt{
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;display: block;
    width: 100%;
    height: 80px;
    background-image: url("../images/bg-dpt.png");
    padding-left: 76px;
    padding-top: 20px;
    color: #ffffff;
    font-size: 12px;
}
.dpt .head{
    font-size: 20px;
    margin-bottom: 8px;
}
a.dpt:hover{
    color: #ffffff;
}
.dpt-contact{
    width: 100%;
    border: 1px solid #bd3128;
    height: 60px;
    line-height: 60px;
    display: flex;
    justify-content: space-around;
    margin-top: 40px;
    color: #666666;
    font-size: 14px;
}
.dpt-top-article{
    width: 100%;
    height: 335px;
}
.dpt-top-article-title{
    color: #bd3128;
    font-weight: bold;
    font-size: 25px;
}
.dpt-top-article-content{
    font-size: 14px;
    height: 70px;
    line-height: 22px;
    color: #9e9e9e;
    padding-top: 12px;
}
.dpt-top-article-content a{
    color: #bd3128;
}
.dpt-top-article-img{
    height: 240px;
    width: 600px;
    border-radius: 5px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}
.dpt-top-article-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
}
.dpt-article-box{
    width: 100%;
    margin-top: 26px;
}
.dpt-article-cat{
    display: flex;
    justify-content: space-between;
    height: 20px;
    line-height: 20px;
    width: 100%;
}
.dpt-article-cat .label{
    font-size: 20px;
    font-weight: bold;
}
.dpt-article-cat .line{
    width: 482px;
    border: 0.5px solid #bd3128;
    height: 0px;
    margin-top: 10px;
}
.dpt-article-cat a{
    color: #bd3128;
    font-size: 14px;
}
.dpt-article-body{
    display: flex;
    justify-content: space-between;
}
.dpt-article-hot{
    width: 250px;
    margin-top: 20px;
}
.dpt-article-hot-image{
    width: 250px;
    height: 160px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}
.dpt-article-hot-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
}
.dpt-article-hot-title{
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    color: #bd3128;
    background-color: #f7f7f7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dpt-article-list{
    width: 330px;
    height: 200px;
    margin-top: 20px;
    overflow: hidden;
    font-size: 14px;
}
.dpt-article-item{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 50px;
    width: 100%;
    line-height: 25px;
}
.dpt-article-item .title{
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dpt-article-item .content{
    color: #a0a0a0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dpt-container{
    width: 1000px;
    margin: 34px auto 0;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 34px 30px;
}
.dpt-wrap{
    display: flex;
    justify-content: space-between;
}
.dpt-left{
    width: 600px;
}
.dpt-right{
    width: 320px;
}
.dpt-recommend{
    width: 100%;
    height: 335px;
    background: linear-gradient(#faeae9, #f6f7f9);
    border-radius: 5px;
    padding: 26px 20px;
    overflow: hidden;
}
.dpt-recommend .title, .dpt-other-articles .title{
    font-weight: bold;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    display: flex;
    justify-content: flex-start;
}
.dpt-recommend-list-wrap{
    height: 270px;
    overflow: hidden;
}
.dpt-recommend-item{
    height: 38px;
    line-height: 60px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #494949;
}
.dpt-recommend-item:hover{
    color: #bd3128;
}
.dpt-boss{
    width: 100%;
    height: 160px;
    border-radius: 5px;
    background-color: #f7f7f7;
    margin-top: 26px;
    padding: 18px 20px;
}
.dpt-intro,.dpt-expert{
    width: 100%;
    height: 210px;
    border-radius: 5px;
    background-color: #f7f7f7;
    margin-top: 26px;
    padding: 18px 20px;
}
.dpt-set{
    width: 100%;
    height: 177px;
    border-radius: 5px;
    background-color: #f7f7f7;
    margin-top: 26px;
    padding: 18px 20px;
}
.dpt-head{
    height: 31px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
}
.dpt-head .title{
    font-size: 20px;
    font-weight: bold;
}
.dpt-head .more{
    color: #bd3128;
    font-size: 14px;
    line-height: 26px;
}
.dpt-boss-list{
    overflow: hidden;
}
.dpt-boss-item{
    height: 30px;
    line-height: 40px;
    display: flex;
    justify-content: flex-start;
}
.dpt-boss-item .name{
    width: 52px;
    text-align: justify;
    color: #bd3128;
    margin-right: 28px;
}
.dpt-boss-item .job{
    color: #a0a0a0;
    width: 218px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dpt-intro-content{
    height: 146px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 24px;
    font-size: 14px;
    color: #a0a0a0;
    padding-top: 5px;
}
.dpt-set-item{
    height: 55px;
    padding-top: 10px;
    line-height: 24px;
}
.dpt-set-item .label{
    color: #666666;
}
.dpt-set-item .value{
    color: #a0a0a0;
}
.dpt-info{
    width: 100%;
    min-height: 256px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 16px;
}
.dpt-info-head{
    min-height: 40px;
    color: #bd3128;
    display: flex;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: bold;
}
.dpt-articles{
    width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 16px;
    margin-top: 20px;
}
.dpt-info-desc{
    height: 56px;
    color: #a0a0a0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 20px;
    font-size: 12px;
    padding-top: 10px;
}
.dpt-info-contact{
    height: 60px;
    line-height: 26px;
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
    color: #666666;
}
.dpt-articles-num{
    width: fit-content;
    text-align: center;
    margin: 15px auto 0;
}
.dpt-articles-num .num{
    font-size: 35px;
}
.dpt-articles-num .label{
    font-size: 14px;
    color: #a0a0a0;
}
.dpt-other-articles{
    margin-top: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 16px;
}
.dpt-index-content{
    padding-bottom: 16px;
}
.survey-banner-text .title,.service-banner-text .title{
    font-size: 28px;
}
.survey-banner-text .text{
    margin-top: 24px;line-height:24px;font-size: 15px;text-align: justify;
}
.service-banner-text .text{
    line-height:28px;
    text-align: center;
    margin-top: 20px;
    font-size: 19px;
}
.survey-banner-text .contact{
    margin-top: 20px;text-align: center;
}
.service-banner-text .box{
    display: flex;justify-content: space-between;
}
.survey-item-2 .btn{
    width: fit-content;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    background-color: #ffffff;
    color: rgb(18,112,222);
    padding: 0 15px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.survey-item-2:hover .btn,.service-item:hover .btn{
    transform: translate(-50%, -100px);
}
.service-item .btn{
    width: fit-content;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    background-color: #ffffff;
    color: rgb(18,112,222);
    padding: 0 15px;
    margin: 95px auto 0;
}
.recruit{
    display: none;
}
.welcome-ccp-20{
    background-image: url("/v2/images/bg20small.png");
    background-repeat: repeat;
    width: 100%;
    height: fit-content;
    padding-top: 2px;
    border-bottom: 3px solid #fff1ac;
}
.welcome-ccp-20-img{
    width: fit-content;
    margin: 0 auto;
}
@media screen and (max-width: 1000px) {
    #art .artContent.artAuthor{
        text-align: left;
        line-height:28px;
    }
    .recruit{
        display: block;
        padding: calc(25 / 750 * 100vw);
    }
    .recruit-box{
        display: flex;
        justify-content: space-between;
        background-color: #fad9d8;
        color: #bd2318;
        padding: 10px;
    }
    .about-wrap{
        width: 100%;
        padding: 0 calc(25 / 750 * 100vw);
        border-radius: unset;
    }
    .about-content{
        margin-top: 0;
    }
    .about-content .artContent{
        margin-top: 0;
        margin-bottom: 16px;
    }
    .about-content .artContent img{
        width: 100%;
    }
    .dpt-list-wrap{
        width: 100% !important;
        padding: calc(25 / 750 * 100vw) !important;
    }
    .dpt-title{
        margin-top: 0;
    }
    .dpt-item{
        width: 100% !important;
        min-width: unset !important;
        max-width: unset !important;
    }
    .dpt-item:nth-child(3n-1){
        margin-left: 0;
        margin-right: 0;
    }
    .search-wrap {
        width: 100%;
        min-height: calc(830 / 750 * 100vw);
        border-radius: 5px;
        background-color: #ffffff;
        padding: calc(25 / 750 * 100vw);
        margin-bottom: 0;
    }
    .search-right .search-box {
        height: auto;
        border: none;
    }
    .search-right .search-hint{
        height: auto;
    }
    .main-content{
        min-height: calc(100vh - 200px);
    }
    .search-right .search-box .top {
        height: auto;
        padding-left: 0;
        padding-top: 0;
    }
    .search-right .form-input{
        width: 100%;
    }
    .search-right .form-label{
        width: 130px;
    }
    .search-right .form-radio{
        font-size: 14px;
        margin-right: 0;
    }
    .search-right .form-value{
        justify-content: space-between;
        width: calc(100vw - 130px);
    }
    .search-form{
        margin-top: 0;
    }
    .footer{
        margin-top: 0 !important;
    }
    .survey-wrap, .service-wrap{
        padding: calc(25 / 750 * 100vw);
    }
    .survey-banner,.service-banner{
        width: calc(698 / 750 * 100vw);
        /*height: calc(360 / 750 * 100vw);*/
        height: fit-content;
    }
    .service-banner-text .box{
        flex-wrap: wrap;
        padding: 0 calc(50 / 750 * 100vw);
    }
    .survey-banner-text{
        width: calc(594 / 750 * 100vw);
        /*padding-top: calc(40 / 750 * 100vw);*/
        padding: calc(40 / 750 * 100vw) 0;
    }
    .service-box-text {
        min-width: calc(133 / 750 * 100vw);
        height: calc(40 / 750 * 100vw);
        margin-top: calc(25 / 750 * 100vw);
        line-height: calc(40 / 750 * 100vw);
        font-size: 12px;
        padding: unset;
        width: 133px;
    }
    .service-banner-text.fix{
        width: calc(650 / 750 * 100vw);
        padding-top: calc(40 / 750 * 100vw);
    }
    .service-box-text span{
        font-size: calc(24 / 750 * 100vw);
    }
    .survey-item.service-item, .survey-item-2{
        height: calc(200 / 416 * 100vw);
        margin-bottom: calc(20 / 750 * 100vw);
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .service-banner-text{
        width: calc(650 / 750 * 100vw);
        /*padding-top: calc(40 / 750 * 100vw);*/
        padding: calc(40 / 750 * 100vw) 0;
    }
    .survey-banner-text .title, .service-banner-text .title{
        font-size: calc(32 / 750 * 100vw);
    }
    .survey-banner-text .text, .service-banner-text .text{
        margin-top: calc(28 / 750 * 100vw);
        line-height:calc(28 / 750 * 100vw);
        font-size: calc(24 / 750 * 100vw);
        text-align: justify;
    }
    .survey-banner-text .contact{
        margin-top: calc(30 / 750 * 100vw);
        text-align: center;
        font-size: calc(20 / 750 * 100vw);
    }
    .survey-divide-line{
        width: 40%;
        margin-top: calc(11 / 750 * 100vw);;
    }
    .survey-divide {
        height: calc(24 / 750 * 100vw);
        line-height: calc(24 / 750 * 100vw);
        font-size: calc(24 / 750 * 100vw);
        margin-top: calc(30 / 750 * 100vw);
        width: auto;
    }
    .survey-item-2{
        width: 100%;
        /*height: calc(200 / 416 * 100vw);*/
        height: fit-content;
        background-repeat: no-repeat;
    }
    .survey-item-image{
        width: 100%;
    }
    .survey-item-2-text {
        padding: calc(20 / 750 * 100vw);
        height: fit-content;
    }
    .survey-item:nth-child(2n-1), .survey-item-2:nth-child(2n-1){
        margin-right: unset;
    }
    .survey-list{
        margin-top: calc(30 / 750 * 100vw);
    }
    .survey-item-2 .btn {
        width: fit-content;
        text-align: center;
        background-color: #ffffff;
        color: rgb(18,112,222);
        padding: 0 calc(30 / 750 * 100vw);
        margin: calc(30 / 750 * 100vw) auto 0;
    }
    .survey-item-2:hover .btn,.service-item:hover .btn{
        margin: calc(30 / 750 * 100vw) auto 0;
    }
    .main-content-detail>.detail-content{
        padding-top: 20px !important;
    }
    .scroll-list-2-item{
        display: block;
    }
    .main-content-left-list .main-content-left-list-item,
    .survey-item,
    .survey-item-2,
    .zt-item-title,
    .zt-item-btn,
    .zt-item,
    .link-content-url,
    .dpt-index-cursor .item,
    .scroll-list-2-item,
    .service-item .btn,
    .survey-item-2 .btn,
    .dpt-item{
        -webkit-transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
    }
    .main-content-left-list .main-content-left-list-item:hover,
    .survey-item:hover,
    .zt-item:hover,
    .survey-item:hover,
    .survey-item-2:hover,
    .dpt-item:hover,
    .dpt-index-cursor .item:hover,
    .scroll-list-2-item:hover,
    .link-content-url:hover{
        box-shadow: unset;
        transform: unset;
    }
    .register-box{
        border: none;
        border-radius: unset;
        box-shadow: unset;
        margin: 0;
        padding-bottom: calc(90 / 750 * 100vw);
        width: 100%;
        height: auto;
    }
    .register-box>.register-form>.title{
        font-size: calc(34 / 750 * 100vw);
        font-weight: bold;
        margin-top: calc(56 / 750 * 100vw);
        margin-bottom: calc(50 / 750 * 100vw);
    }
    .register-box .image{
        display: none;
    }
    .register-box .register-form{
        padding: 0 calc(15/ 750 * 100vw);
    }
    .register-box .register-btn{
        margin: calc(50/ 750 * 100vw) auto 0;
    }
    .header{
        position: fixed;
        z-index: 99;
        background-color: #ffffff;
        border-bottom: 1px solid #f0f0f0;
    }
    .sticker-gap.hide{
        display: block !important;
        height: 50px;
    }
    .list-or-card{
        display: none;
    }
    .swiper-slide,.swiper-slide-active,.swiper-slide-duplicate-active{
        transform: none;
    }
    .swiper{
        width: calc(698 / 750 * 100vw);
        height: calc(395 / 750 * 100vw);
    }
    .swiper-slide{
        display: table-cell;
        vertical-align: middle;
        width: calc(698 / 750 * 100vw);
        height: calc(395 / 750 * 100vw);
        border: 1px solid #f0f0f0;
        padding: 1px;
        border-radius: 5px;
        box-shadow:0px 15px 10px -15px #000;
    }
    /*.swiper-slide img{*/
    /*    width: unset;*/
    /*    height: unset;*/
    /*    max-width: 100%;*/
    /*    max-height: 100%;*/
    /*    display: block;*/
    /*    margin: auto;*/
    /*    object-fit: unset;*/
    /*}*/
    .header img {
        width: 100%;
    }
    .header-top{
        display: none;
    }
    .header-mid{
        height: auto;
        border: none;
    }
    .header-mid-content {
        width: 100vw;
        align-items: center;
        padding: calc(10 / 750 * 100vw) calc(25 / 750 * 100vw);
        position: relative;
    }
    .header-mid-content-logo{
        width: calc(100 / 750 * 100vw);
        margin: 0;
    }
    .header-mid-content-logo>img{
        width: 100%;
    }
    .header-mid-content-mid {
        margin: 0 0 0 calc(20 / 750 * 100vw);
        width: auto;
    }
    .header-mid-content-mid-logo-drc{
        width: calc(240 / 750 * 100vw);
        height: auto;
    }
    .header-mid-content-right {
        display: none;
    }
    .header-mid-content-mid-navbar {
        position: fixed;
        z-index: -1;
        display: none;
    }
    .header-mobile-menu{
        color: #bd3128;
        display: flex;
        position: absolute;
        right: calc(25 / 750 * 100vw);
    }
    .menu-close-icon {
        display: none;
    }
    .header.menu-open .menu-close-icon {
        display: block;
    }
    .header.menu-open .menu-open-icon {
        display: none;
    }
    .header-mobile-menu-model {
        position: fixed;
        right: 0;
        z-index: 111;
        display: flex;
        justify-content: flex-end;
        width: 0;
        height: calc(100vh - 90 / 750 * 100vw);
        overflow: hidden;
        transition: width .3s;
        background-color: rgba(0, 0, 0, .5);
    }
    .header.menu-open .header-mobile-menu-model {
        width: 100vw;
    }
    .header-mobile-menu-list{
        width: calc(540 / 750 * 100vw);
        height: 100%;
        background-color: #fff;
    }
    .header-mobile-menu-item{
        height: 60px;
        line-height: 60px;
        margin-left: 15px;
        border-bottom: 1px solid #cccccc;
        color: #333333;
        display: block;
    }
    .header-mobile-menu-item.active{
        font-weight: bold;
        color: #000000;
    }
    .header-mobile-menu-list>.hint{
        font-size: 10px;
        color: #cccccc;
        position: absolute;
        margin-left: 15px;
        bottom: 30px;
    }
    .search-pagination{
        font-size: 12px;
    }
    .footer-content{
        display: none;
    }
    .footer{
        height: fit-content;
        font-size: 10px;
        color: #808080;
        line-height: 16px;
        margin-top: 0;
    }
    .footer-content-mobile{
        display: flex;
        padding: calc(35 / 750 * 100vw) calc(25 / 750 * 100vw);
    }
    .qrcode{
        margin-right: calc(25 / 750 * 100vw);
    }
    .scroll-box{
        padding: calc(25 / 750 * 100vw);
        position: relative;
        width: auto;
        height: auto;
        padding-bottom: 0;
    }
    .scroll-list{
        position: unset;
        bottom: unset;
        left: unset;
        top: unset;
        right: unset;
        transform: unset;
        width: 100%;
        height: calc(100 / 750 * 100vw);
        opacity: unset;
        background-color: unset;
        margin-top: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dddddd;
        display: block;
    }
    .scroll-list-2{
        display: none;
    }
    body{
        overflow-x: hidden;
    }
    .scroll-list>.scroll-item{
        display: none;
        color: #333333;
        font-size: 16px;
        padding: 0;
        height: unset;
    }
    .scroll-list>.scroll-item.active{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .scroll-box>.image-list{
        border-radius: 5px;
        width: calc(698 / 750 * 100vw);
        height: calc(316 / 750 * 100vw);
        overflow: hidden;
        box-shadow:0px 15px 10px -15px #000;
        border: 1px solid #f0f0f0;
    }
    .scroll-item.active>p>a{
        color: #000000;
    }
    .scroll-box>.image-list>div{
        width: calc(698 / 750 * 100vw);
        height: calc(316 / 750 * 100vw);
    }
    .main-content{
        width: auto;
        margin: 0;
    }
    .main-content-left{
        width: 100% !important;
        border-right: unset;
        margin: 0;
        padding: 0;
        background-color: #ffffff;
    }
    .main-content-left-top-2{
        height: unset;
        display: inherit;
        padding: calc(25 / 750 * 100vw);
        border-bottom: 1px solid #e0e0e0;
        border-radius: unset;
    }
    .main-content-left-top-2>.image-area{
        width: calc(700 / 750 * 100vw);
        border-radius: 5px;
        overflow: hidden;
        height: calc(320 / 750 * 100vw);
        box-shadow:0px 15px 10px -15px #000;
    }
    .main-content-left-top-2>.text-area{
        padding: 10px 0 0 0;
        width: 100%;
        display: block;
    }
    .main-content-left-top-2>.text-area>.title{
        font-size: 18px;
        line-height: 26px;
    }
    .main-content-left-top-2>.text-area>.author,.main-content-left-top-2>.text-area>.content{
        display: none;
    }
    .main-content-left-mid{
        margin-top: 0;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        width: calc(700 / 750 * 100vw);
        border-radius: unset;
        margin: 0 auto;
        padding-left: 0;
        justify-content: flex-start;
        flex-wrap: wrap;
        height: fit-content;
        line-height: 40px;
    }
    .main-content-nav{
        margin-right: 10px;
    }
    .main-content-nav>a{
        border-radius: 5px;
        color: #808080;
    }
    .main-content-nav.active>a{
        background-color: #f5c3c1;
        color: #bd3128;
        padding: 5px;
    }
    .main-content-left-top{
        border-radius: unset;
        box-shadow: unset;
        padding: 0 calc(25 / 750 * 100vw);
    }
    .main-content-left-top-wrap{
        max-height: calc(190 * 3 / 750 * 100vw);
    }
    .main-content-left-top-item{
        position: relative;
        padding: 0;
        margin-top: 0;
        display: inherit;
        margin-bottom: unset;
        justify-content: unset;
        height: calc(190 / 750 * 100vw);
        width: calc(700/750 * 100vw);
        border-bottom: 1px solid #cccccc;
    }
    .main-content-left-top-item-text{
        position: absolute;
        top: calc(32 / 750 * 100vw);
        left: 0;
        width: calc(700/750 * 100vw);
    }
    .main-content-left-top-item-label{
        position: absolute;
        top: calc(127 / 750 * 100vw);
        left: 0;
    }
    .main-content-left-top-item>.author{
        display: flex;
        justify-content: flex-start;
        position: absolute;
        top: calc(133 / 750 * 100vw);
        left: 70px;
        font-size: 12px;
        line-height: unset;
    }
    .main-content-left-top-item>.author>.author-by{
        color: #a1a2a3;
        max-width: 174px;
        display: flex;
    }
    .main-content-left-top-item>.author>.author-by>div{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .main-content-left-top-item>.author>.author-time{
        color: #cccccc;
    }
    .main-content-left-list.carding{
        display: unset;
        flex-wrap: unset;
        margin-top: unset;
    }
    .main-content-left-list.carding .main-content-left-list-item{
        margin-right: unset;
        margin-bottom: unset;
        width: calc(700 / 750 * 100vw);
        margin-left: calc(25 / 750 * 100vw);
        height: calc(210 / 750 * 100vw);
        position: relative;
        border-bottom: 1px solid #cccccc;
        border-radius: unset;
        display: block;
    }
    .main-content-left-list.carding .main-content-left-list-item .image{
        position: absolute;
        right: 0;
        top: calc(24 / 750 * 100vw);
        width: 33vw;
        height: 21.12vw;
        overflow: hidden;
        margin-bottom: unset;
    }
    .main-content-left-list.carding .main-content-left-list-item .title{
        position: absolute;
        left: 0;
        top: calc(33 / 750 * 100vw);
        width: 59vw;
    }
    .main-content-left-list.carding .main-content-left-list-item .author{
        position: absolute;
        left: 0;
        top: calc(135 / 750 * 100vw);
        width: 59vw;
    }
    .main-content-left-list.carding .main-content-left-list-item .author .author-by{
        max-width: 40vw;
    }
    .main-content-right{
        display: none;
    }
    .main-content-left-list-more{
        width: calc(700 / 750 * 100vw);
        background-color: #f5c3c1;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .link-content-container{
        width: auto;
        background-color: #ffffff;
    }
    .link-content{
        width: calc(700 / 750 * 100vw);
        padding-bottom: 40px;
    }
    .link-content-nav{
        padding-top: 30px;
        padding-bottom: 15px;
        height: auto;
        flex-wrap: wrap;
    }
    .link-content-nav-title{
        margin-right: 15px;
        color: #cccccc;
        margin-bottom: 15px;
    }
    .link-content-box{
        padding: 15px;
        border: 1px solid #efefef;
        border-radius: 5px;
        background-color: #fafaf9;
    }
    .link-content-box-wrap.has-image{
        height: auto;
    }
    .link-content-box-wrap.has-image>.link-content-url{
        display: block;
        width: calc(176 / 700 * 100vw);
        height: calc(48 / 700 * 100vw);
        border: 1px solid #efefef;
        margin-right: calc(22 / 700 * 100vw);
        margin-bottom: calc(16 / 700 * 100vw);
        overflow: hidden;
    }
    .breadcrumb{
        display: none;
    }
    .font-set{
        display: none;
    }
    .main-content-detail{
        padding: calc(25 / 750 * 100vw);
        margin-bottom: 0;
    }
    .main-content-detail>.detail-title{
        margin-top: 0;
    }
    .main-content-detail>.detail-content{
        margin-top: 20px;
        padding-top: 0;
    }
    .scroll-item.active .red-line{
        display: none;
    }
    .scroll-item{
        border: none;
    }
    .history-list{
        right: 0;
        display: none;
    }
    .register-ok-wrap {
        width: 100%;
        margin: 0 auto;
        height: auto;
        min-height: calc(100vh - 200px);
        border-radius: unset;
        padding: calc(30 / 750 * 100vw);
    }
    .reset-form-wrap{
        width: 100%;
    }
    .register-ok .head {
        height: calc(40 / 750 *100vw);
        line-height: calc(40 / 750 *100vw);
        padding-left: calc(20 / 750 *100vw);
    }
    .register-ok .body {
        height: calc(150 / 750 *100vw);
        padding: calc(20 / 750 *100vw);
    }
    .register-ok .body .icon {
        width: calc(100 / 750 *100vw);
        height: calc(70 / 750 *100vw);
        background-size: cover;
    }
    .register-ok .body .text {
        margin-left: calc(15 / 750 *100vw);
        margin-top: calc(15 / 750 *100vw);
        line-height: calc(30 / 750 *100vw);
    }
    .register-ok .body .text-1 {
        margin-bottom: 5px;
    }
    .register-ok .bottom {
        padding: calc(10 / 750 *100vw);
    }
    .reset-form-wrap{
        padding: calc(30 / 750 * 100vw);
    }
    .reset-form-label {
        width: calc(100 / 750 * 100vw);
        margin-right: calc(20 / 750 * 100vw);
    }
    .reset-submit p {
        font-size: 14px;
        line-height: 1.5;
    }
    .control-label {
        width: calc(200 / 750 * 100vw);
    }

    .control-group .controls input{
        width: calc(440 / 750 * 100vw);
    }
    .control-group .controls select{
        width: calc(460 / 750 * 100vw);
    }
    .control-group .controls .tishi{
        color: #666666;
    }
    .main-content-wrap{
        padding: calc(25 / 750 *100vw);
        border-radius: unset;
    }
    #login-box {
        width: 97%;
        height: 60vh;
        border-radius: 5px;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 101;
        opacity: 1;
        padding: calc(40 / 750 *100vw);
    }
    .login-form-label{
        width: 20%;
    }
    .login-form-div{
        width: 75%;
    }
    .login-form-input.captcha{
        width: 60%;
    }
    .login-form-captcha-image{
        width: 34%;
    }
    .register-box>.register-form>.form-item>.right{
        width: 79%;
    }
    .register-box>.register-form>.form-item>.label{
        width: 18%;
    }
    #userName2{
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #bd2318;
    }
    .service-tabs{
        display: none;
    }
    .service-tab-item-mobile{
        display: block;
    }
    .service-tab-icon-mobile,.service-tab-text-mobile{
        margin: 0 auto;
        align-items: center;
        width: fit-content;
    }
    .service-tab-list,.service-tab-list.active{
        display: block;
        padding-top: 0;
        margin: 20px auto;
        background-image: unset;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position-y: bottom;
        height: fit-content;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .service-tab-img{
        padding: 20px;
    }
    .service-tab-img img{
        width: 100%;
    }
    .service-tab-link{
        margin-top: 0;
        margin-bottom: 50px;
    }
    .service-mid-title{
        height: 100px;
        line-height: 100px;
    }
    .service-banner.fix{
        width: calc(698 / 750 * 100vw);
        height: fit-content;
    }
    .service-banner-text .text.fix{
        font-size: calc(24 / 750 * 100vw);
    }
    .service-mid-title .database-apply{
        position: absolute;
        font-size: 16px;
        bottom:-40px;
    }
    .artContent p video {
        width: 100%;
    }
}
.zyqycx{
    display: block;
    width: 100%;
    height: 158px;
    margin-bottom: 20px;
    background-image: url("/v2/images/pic6.png");
    border-radius: 5px;
    padding: 15px;
}
.zyqycx .head{
    color: rgb(209,178,138);
    font-size: 24px;
    margin-top: 15px;
}